@extends('layout.page')
@section('title','广告管理 - 列表')
@section('stylesheet')
    <!-- Sweet Alert -->
    <link href="/css/ceb/statistcs.css" rel="stylesheet">
    <script src="/css/ceb/echarts.js"></script>

@endsection

@section('static-page')
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>统计<small></small></h5>
            </div>
            <div class="ibox-content">
                <div class="">
                    {{----}}
                </div>
                <table class="table table-striped table-bordered table-hover">
                    <div class="table-top">
                        <div class="table-border">
                            <div class="table-div-top"><b>收入</b><span id="taday">今天</span></div>
                             <div class="table-div-buttom"><?php  echo  $number['volume'] ;  ?><b></b><br>
                                 <span>(总收入)</span><div> <?php   echo ceil($percent['volume']).'%'  ?> </div>  </div>
                             </div>

                        <div class="table-border table-left">
                            <div class="table-div-top"><b>订单</b><span id="taday">今天</span></div>
                            <div class="table-div-buttom"><b><?php  echo  $number['order_number'] ;  ?></b><br>
                                <span>(新订单)</span><div> <?php   echo ceil($percent['order_number']).'%'   ?>  </div>  </div>
                        </div>

                        <div class="table-border table-left">
                            <div class="table-div-top"><b>实名用户</b><span id="taday">今天</span></div>
                            <div class="table-div-buttom"><b><?php  echo  $number['realname_varify_number'] ;  ?></b><br>
                                <span>(实名用户)</span><div> <?php    echo ceil($percent['realname_varify_number']).'%'    ?>   </div>  </div>
                        </div>

                        <div class="table-border table-left">
                            <div class="table-div-top"><b>注册用户</b><span id="taday">今天</span></div>
                            <div class="table-div-buttom"><b><?php  echo  $number['regist_number'] ;  ?></b><br>
                                <span>(注册用户)</span><div>  <?php    echo ceil($percent['regist_number']).'%'    ?>   </div>  </div>
                        </div>
                 </div>
                 <div class="content">
                     <div id="main2" style="width:100%;height:500px;"></div>
                 </div>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('javascript')
    <!-- Sweet alert -->
    <script src="/js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="/js/plugins/fancybox/jquery.fancybox.js"></script>
    <script type="text/javascript">
        var myChart = echarts.init(document.getElementById('main2'));
        option = {
            title: {
                text: '今天用户活动趋势'
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['注册量', '实名认证', '投资数量']
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                data: ['0点', '1点', '2点', '3点', '4点', '5点', '6点', '7点', '8点', '9点', '10点', '11点', '12点', '13点', '14点'
                    , '15点', '16点', '17点', '18点', '19点', '20点', '21点', '22点', '23点', '24点']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    name:'注册量',
                    type:'line',
                    data:[
               <?php           for($i=0;$i<25;$i++)
                            {
                                 echo $order_number[$i]['regist_number'].',';
                             }
                   ?> ]
                },
                {
                    name:'实名认证',
                    type:'line',

                    data:[
                        <?php           for($i=0;$i<25;$i++)
                    {
                        echo $order_number[$i]['realname_varify_number'].',';
                    }
                        ?>
                    ]
                },
                {
                    name:'投资数量',
                    type:'line',
                    data:[
                        <?php           for($i=0;$i<25;$i++)
                    {
                        echo $order_number[$i]['order_number'].',';
                    }
                        ?>
                    ]
                }
            ]
        };
        myChart.setOption(option);
    </script>

@endsection
